<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="./lib/axios.min.js"></script>
    <script type="text/javascript">
        // get请求传参依然通过url地址
        // axios.get('http://www.liulongbin.top:3006/api/getbooks?id=1&bookname=hello')
        //   .then(function (res) {
        //     // 这里用于获取服务端返回的结果
        //     console.log(res)
        //   })
        //   ---------------------------
        // 上述传参方式不太方便
        // axios.get('http://www.liulongbin.top:3006/api/getbooks', {
        //   // params名称是否固定？是的,是axios的规定
        //   params: {
        //     id: 1,
        //     bookname: 'nihao'
        //   }
        // }).then(function (res) {
        //     // 这里用于获取服务端返回的结果
        //     console.log(res)
        //   })


        // axios.get('http://www.liulongbin.top:3006/api/get', {
        //   // params名称是否固定？是的,是axios的规定
        //   params: {
        //     id: 1,
        //     bookname: 'nihao',
        //     publisher: 'abc'
        //   }
        // }).then(function (res) {
        //     // 这里用于获取服务端返回的结果
        //     console.log(res)
        //   })
        // axios.get('http://www.liulongbin.top:3006/api/get', {
        //     params: {
        //         id: 1,
        //         bookname: 'nihao',
        //         publisher: 'abc'
        //     }
        // }).then(function(res) {
        //     console.log(res.data.data)
        // })
        axios.get('http://www.liulongbin.top:3006/api/get', {
            params: {
                id: 1,
                bookname: 'nihao',
                publisher: 'abc'
            }
        }).then(function(res) {
            console.log(res.data.data)
        })
    </script>
</body>

</html>